<link rel="stylesheet" href="./css/header.css">
<script src="./js/headerList.js"></script>


<div class="headerlogo">
    
    <a href="index.html"><img src="./images/header_logo.png"></a>
    <div class="search">
        <input type="text" placeholder="搜索">
        <input type="button" value="搜索" id="button">
    </div>


</div>
<div class="headerRight">
    <ul id="ulRight">
        <li>
            <a href="cart.html"><img src="./images/header_car.png"></a>
            <p><a href="cart.html">购物袋</a></p>
        </li>
        <li>
            <p><a href="JavaScript:void(0)" style=" color: orange;">中文</a></p>
            <p><a href="JavaScript:void(0)" style="text-decoration: none">English</a></p>
            <p style="color: #fff">繁体中文</p>
            
        </li>
        <li>
            <p><a href="index.html" id="back">返回本地商场</a></p>
            <p><a href="JavaScript:void(0)">宜家俱乐部</a></p>
            <p><a href="JavaScript:void(0)">常见问题</a></p>
        </li>
        <li>
            <p><a href="JavaScript:void(0)">我的心愿单</a></p>
            <p><a href="JavaScript:void(0)">我的账户</a></p>
            <p><a href="login.html">登录</a></p>
        </li>
    </ul>
</div>
<div class="welcome">
    欢迎来到宜家中国!
</div>

<div class="top">
    <div class="topLeft">
        <ul id="ul">
            <li><a href="#">所有产品</a></li>
            <li style="background: #030303"><a href="#">新品</a> </li>
            <li><a href="#">创意灵感</a></li>
            <li><a href="#">卧室</a></li>
            <li><a href="#">浴室</a></li>
            <li><a href="#">客厅</a></li>
            <li><a href="#">厨房</a></li>
            <li><a href="#">餐厅</a></li>
            <li><a href="#">儿童房</a></li>
            <li><a href="#">儿童房</a></li>
            <li><a href="#">户外</a></li>
            <li><a href="#">书房</a></li>
            <li><a href="#">阳台</a></li>
            <li><a href="#">瑞典美食屋</a></li>
            <li><a href="#">宜家对公业务部</a></li>

        </ul>
    </div>
    <div class="topRight">
        <ul id="topRightUl">
            <li>所有房间
                <ul id="List">
                    <li>
                        <a href="#"><img src="./images/allroom_01.gif">
                            <span>浴室</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_02.gif">
                            <span>书房</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_03.gif">
                            <span>灯具</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_04.gif">
                            <span>储物物品</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_05.gif">
                            <span>米多厨房</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_06.gif">
                            <span>储物室</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_07.gif">
                            <span>纺织品</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_08.gif">
                            <span>儿童房</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_09.gif">
                            <span>卧室</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_10.gif">
                            <span>门厅</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_11.gif">
                            <span>阳台</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_12.gif">
                            <span>餐具</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_13.gif">
                            <span>餐具</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_14.gif">
                            <span>宜家食品部</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_15.gif">
                            <span>餐厅</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_16.png">
                            <span>宠物</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_17.gif">
                            <span>宜家俱乐部产品</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_18.gif">
                            <span>客厅</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_19.gif">
                            <span>宜家对公业务部</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_20.gif">
                            <span>家居装饰品</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_22.gif">
                            <span>夏季灵感</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_23.gif">
                            <span>家用电子产品</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/allroom_24.png">
                            <span>户外</span>
                        </a>
                    </li>
                </ul>
            </li>

        </ul>
    </div>
</div>